{include file="index/header" /}

<div class="page-header">
    <h1>学习进度表 <small> 帮您记录分析您的学习进度</small></h1>
</div>
<div class="panel panel-default">
    <div class="panel-body">
        <ul class="nav nav-pills" role="tablist">
            <li role="presentation" class="active"><a href="#">上课总数 <span class="badge">{$list->total()} 课</span></a></li>
            <li role="presentation"><a href="#">已获得学习鼓励红包 <span class="badge">{$invite} 个</span></a></li>
            <li role="presentation"><a href="#">已领取红包 <span class="badge">0 个</span></a></li>
            <li role="presentation"><a href="__ROOT__/index/member/fputcsv/">导出(学习进度) </a></li>
            <li role="presentation"><a href="__ROOT__/index/member/fgetcsv/">导入(读取导入的学习进度) </a></li>

        </ul>
    </div>
</div>






{if condition="$list"}
<div class="panel panel-default">
    <div class="panel-heading">已上课明细：</div>
    <div class="panel-body">
        <table class="table table-hover ">
            <thead>
            <tr  ><th > ID</th><th > 课程ID</th><th> 课程长度 </th><th> 已学习进度 </th><th> 已学次数 </th><th > 学习日期</th>
            </tr>
            </thead>

            <tbody>
            {volist name='list' id='user'}

            <tr  ><th> {$user.id} </th><th> <a href="__ROOT__/index/index/view/id/{$user.shop}">{$user.shop}</a> </th> <th> {$user.age|date="i:s",###}分 </th><th> {$user.title|date="i:s",###}分
                <div class="progress">
                    <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em;width: {$user.title/$user.age*100}%"  >
                        {:ceil($user.title/$user.age*100)}%
                    </div>
                </div>
            </th><th> {$user.status+1} </th><th> {$user.update_time} </th> </tr>

            {/volist}
            </tbody>
        </table><!-- {$list->total()} -->
        {$list->render()}
    </div></div>
{/if}

<div class="panel panel-default">
    <div class="panel-heading">红包说明：</div>
    <div class="panel-body">
        <h5><small> 每一节课学完发表课堂笔记或评论都有机会获得红包！限量发放，只为给你学习中增加一点乐趣<br><br>
            红包兑换目前还没上线奥，大概方法是满10元可以支付宝或微信发给你奥。</small></h5>

        <h5><small> 活动保留一切解释权</small></h5>

    </div>
</div>


<script>

    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    })
    function myCopy(){
        var ele = document.getElementById("text");
        ele.select();
        document.execCommand("Copy");
        document.getElementById("bt").innerHTML = " 已复制";
    }
</script>

{include file="index/footer" /}